{layout name="shoutu13/layout" /}
<style>
	.desc {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
</style>
<div class="container">
	<div class="row">
		<div class="col-lg-wide-75 col-xs-1">
			<!-- 详细信息-->
			<div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box">
					<div class="stui-content__thumb"> <a class="stui-vodlist__thumb picture v-thumb" href="#"
							title="{$data.data.vod_title}"> <img class="lazyload" src="/static/shoutu13/img/load.gif"
								data-original="{$data.data.vod_pic}" />
							<span class="play active hidden-xs"></span> <span class="pic-text text-right"></span> </a>
					</div>
					<div class="stui-content__detail">
						<h1 class="title">{$data.data.vod_title}<span class="score text-red"></span>
							<span class="score text-red" id="shoucang"
								style=" float: right; font-size: 15px;cursor: pointer; ">收藏</span>
						</h1>
						<p class="data"> <span class="text-muted">类型：</span>
							{notempty name="data.data.vod_type"}
							{volist name="data.data.vod_type" id="vod"}
							{$vod}
							{/volist}
							{/notempty}
							<span class="split-line"></span>
							<span class="text-muted hidden-xs">地区：</span>{$data.data.vod_region}<span
								class="split-line"></span>
							<span class="text-muted hidden-xs">年份：</span>{$data.data.vod_year} </p>
						<p class="data"><span class="text-muted">主演：</span>
							{notempty name="data.data.vod_actor"}
							{volist name="data.data.vod_actor" id="vod"}
							{$vod}
							{/volist}
							{/notempty}
						</p>
						<p class="data"><span class="text-muted">导演：</span>{$data.data.vod_director}</p>
						<p class="desc detail hidden-xs">
							<span class="left text-muted">简介：</span>
							<span class="detail-sketch">
								{$data.data.vod_desc}
							</span>
							<span class="detail-content" style="display: none;"></span> <a class="detail-more"
								href="javascript:;">详情 <i class="icon iconfont icon-moreunfold"></i></a> </p>
						<div class="play-btn clearfix">
							<div class="share bdsharebuttonbox hidden-sm hidden-xs pull-right"></div>
							<a class="btn btn-primary" href="/play-{:putPlayUrl($data.data.id)}">立即播放</a>
						</div>
					</div>
				</div>
			</div>
			<!-- end 详细信息-->

			<div class="stui-pannel stui-pannel-bg clearfix">

				{notempty name="data.data.play"}
				{volist name="data.data.play" id="vod" empty="暂无数据" key="v"}
				<div class="stui-pannel-box b playlist mb">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head bottom-line active clearfix"> <span
								class="more text-muted pull-right">免费看全集</span>
							<h3 class="title"> {eq name='$vod.vod_name'
								value=''}未知来源{else/}{$vod.vod_name}{/eq}</h3>
						</div>
					</div>
					<div class="stui-pannel_bd col-pd clearfix">
						<ul class="stui-content__playlist column8 clearfix">
							<ul class="playlistlink-1 list-15256 clearfix">
								{notempty name="$vod.data"}
								{volist name="$vod.data" id="vods" key="kk" empty="暂无数据"}
								<li {eq name="$v" value="1" } class="lipbtn" {/eq}>
									<a href="/play-{:putPlayUrl($data.data.id)}?p={$kk}">
										{neq name="$vods.vod_time" value=''}
										{$vods.vod_time}<br />
										{/neq}
										{$vods.vod_name}
									</a>
								</li>
								{/volist}
								{/notempty}
							</ul>
					</div>
				</div>
				{/volist}
				{/notempty}

			</div>

			<!-- 播放地址-->
			{notempty name="data.data.recommend"}
			<div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head clearfix">
							<h3 class="title"> <img src="/static/shoutu13/icon/icon_6.png" /> 猜你喜欢 </h3>
						</div>
					</div>
					<div class="stui-pannel_bd">
						<ul class="stui-vodlist__bd clearfix">
							{volist name="data.data.recommend" id="vod"}
							<li class="col-md-5 col-sm-4 col-xs-3">
								<div class="stui-vodlist__box stui-vodlist__bg"> <a class="stui-vodlist__thumb lazyload"
										href="/detail-{$page['vt']}/{$vod.vod_url}" title="{$vod.vod_name}"
										data-original="{$vod.vod_img}">
										<span class="play hidden-xs"></span> <span
											class="pic-text text-right">{:putVodLabel($vod)}</span>
									</a>
									<div class="stui-vodlist__detail active">
										<h4 class="title text-overflow"><a href="/detail-{$page['vt']}/{$vod.vod_url}"
												title="{$vod.vod_name}">{$vod.vod_name}</a></h4>
									</div>
								</div>
							</li>
							{/volist}
						</ul>
					</div>
				</div>
			</div>
			<!-- 猜你喜欢-->
			{/notempty}
		</div>
		<div class="col-lg-wide-25 col-xs-1 stui-pannel-side hidden-sm hidden-xs">
			<!-- <div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box clearfix">
					<div class="col-pd text-center" style="border: 1px solid #eee; border-radius: 5px;">
						<p><a href="http://you519.com"><img width="100%" src="/uploadfile/taoke.png" /></a></p>
						<p><a href="http://you519.com" title="每日天猫、淘宝限时优惠券">每日天猫、淘宝限时优惠券</a></p>
					</div>
				</div>
			</div> -->
			<!-- 扫码-->
			<div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head clearfix">
							<h3 class="title"> <img src="/static/shoutu13/icon/icon_12.png" /> 热播榜 </h3>
						</div>
					</div>
					<div class="stui-pannel_bd">
						<ul class="stui-vodlist__text col-pd clearfix">
							<li class="top-line-dot">
								<a class="text-overflow" href="" title="海王">
									<span class="text-muted pull-right">888</span>
									<em class="text-red">1 .</em>海王
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 热播-->
			<!-- 广告-->
			<!-- <div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box clearfix">
					<div class="col-pd text-center">
						<script
							type="text/javascript">var jd_union_unid = "1001247319", jd_ad_ids = "514:6", jd_union_pid = "CI32+/D+LBDXpLfdAxoAII7mtP4FKgA="; var jd_width = 300; var jd_height = 300; var jd_union_euid = ""; var p = "AhUGUxlbFgcUBmVEH0hfIlgRRgYlXVZaCCsfSlpMWGVEH0hfImEJSCxVaWlXNUtcbXR2fQhDDlZJdndZF2sVBhsBVxJSFAcUN1UaWhUBFwFXG1MlMk1DCEZrXmwTNwpfBkgyEgNQH1IcCxEAUxpYFzITN2Ur";</script>
						<script type="text/javascript" charset="utf-8" src="//u-x.jd.com/static/js/auto.js"></script>
					</div>
				</div>
			</div> -->
			<!-- end 广告-->
		</div>
	</div>
</div>
<script>
	var CollectionInfo = { title: "{$data.data.vod_title }", url: "{:request()->baseUrl()}", pic: "{$data.data.vod_pic}", type: "{$page['vt']}" };
</script>